<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>test12</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/analysis.css" media="all">
</head>

<body>
    <div class="bd">
        <div class="flex_height item overflow">
            <!-- 嵌套的item加flex样式 及 overflow: auto属性 -->
            <div class="flex_height height100">
                <!-- overflow: auto 高度自适应必须 -->
                <div class="header">
                    <h1>统计分析</h1>
                </div>
                <div class="pd10 flex_width item main">
                    <!-- <div class="fleft fixBox">
                        <div class="gridBox">
                            <div class="box" id="bar">
                                sdfsdf
                             </div>
                        </div>
                        <div class="timeBox">
                            <div class="box">
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                                <p>高度自适应必须</p>
                            </div>
                        </div>
                    </div> -->
                    <div class="col fixBox">
                        <div class="box" id="bar">
                        </div>
                    </div>
                    <div class="col2 fixBox">
                        <div class="box" id="map">

                        </div>
                    </div>
                    <div class="col fixBox">
                        <div class="box" id="pie">
                            sdfsdfsdfsdfdsf
                        </div>
                    </div>
                </div>
                <div class="pd10 fixBox">
                    <div class="box">
                        <table class="layui-table">
                            <colgroup>
                                <col width="150">
                                <col width="100">
                                <col width="100">
                                <col>
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>网格</th>
                                    <th>小计</th>
                                    <th>合计</th>
                                    <th>出租屋堵塞消防通道</th>
                                    <th>在铁路周边违规开设废品收购站</th>
                                    <th>出租屋电动车走廊充电</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>综合大网格</td>
                                    <td>123123</td>
                                    <td>234234</td>
                                    <td>23423</td>
                                    <td>23423</td>
                                    <td>564532</td>
                                </tr>
                                <tr>
                                    <td>中网格四</td>
                                    <td>123123</td>
                                    <td>234234</td>
                                    <td>23423</td>
                                    <td>23423</td>
                                    <td>564532</td>
                                </tr>
                                <tr>
                                    <td>中网格3</td>
                                    <td>123123</td>
                                    <td>234234</td>
                                    <td>23423</td>
                                    <td>23423</td>
                                    <td>564532</td>
                                </tr>
                                <tr>
                                    <td>中网格5</td>
                                    <td>123123</td>
                                    <td>234234</td>
                                    <td>23423</td>
                                    <td>23423</td>
                                    <td>564532</td>
                                </tr>
                                <tr>
                                    <td>中网格6</td>
                                    <td>123123</td>
                                    <td>234234</td>
                                    <td>23423</td>
                                    <td>23423</td>
                                    <td>564532</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
        <!-- <div class="col">
            <div class="heng flex">
                <div class="box">sdfsdfsdfsdfdsf</div>
            </div>
            <div class="heng flex">
                <div class="box">sdfsdfsdfsdfdsf</div>
            </div>
            <div class="heng flex">
                <div class="box">
                    <table class="layui-table">
                            <colgroup>
                                <col width="50">
                                <col width="150">
                                <col width="150">
                                <col width="80">
                                <col >
                                <col width="150">
                            </colgroup>
                            <thead>
                                <tr>
                                <th>id</th>
                                <th>名称</th>
                                <th>代码</th>
                                <th>图标</th>
                                <th>备注</th>
                                <th>操作</th>
                                </tr> 
                            </thead>
                            <tbody>
                                <tr>
                                <td>1</td>
                                <td>污水井盖</td>
                                <td>&amp;#xe600;</td>
                                <td><i class="layui-icon">&#xe600;</i></td>
                                <td>标有“供水、给水、自来水公司、水闸、水门、水表”等字样的地下给水管道的井盖</td>
                                <td>
                                    <div class="layui-table-cell laytable-cell-1-0-7"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> </div>
                                </td>
                                </tr>
                                <tr>
                                <td>2</td>
                                <td>交通信号</td>
                                <td>&amp;#xe741;</td>
                                <td><i class="layui-icon">&#xe7ae;</i></td>
                                <td>标有“供水、给水、自来水公司、水闸、水门、水表”等字样的地下给水管道的井盖</td>
                                <td>
                                    <div class="layui-table-cell laytable-cell-1-0-7"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> </div>
                                    </td>
                                </tr>
                                <tr>
                                <td>3</td>
                                <td>过街天桥</td>
                                <td>&amp;#xe734;</td>
                                <td><i class="layui-icon">&#xe716;</i></td>
                                <td>标有“供水、给水、自来水公司、水闸、水门、水表”等字样的地下给水管道的井盖</td>
                                <td>
                                    <div class="layui-table-cell laytable-cell-1-0-7"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> </div>
                                    </td>
                                </tr>
                                <tr>
                                <td>4</td>
                                <td>雕塑</td>
                                <td>&amp;#xe72d;</td>
                                <td><i class="layui-icon">&#xe735;</i></td>
                                <td>标有“供水、给水、自来水公司、水闸、水门、水表”等字样的地下给水管道的井盖</td>
                                <td>
                                    <div class="layui-table-cell laytable-cell-1-0-7"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> </div>
                                    </td>
                                </tr>
                                <tr>
                                <td>5</td>
                                <td>路名牌</td>
                                <td>&amp;#xe71b;</td>
                                <td><i class="layui-icon">&#xe715;</i></td>
                                <td>标有“供水、给水、自来水公司、水闸、水门、水表”等字样的地下给水管道的井盖</td>
                                <td>
                                    <div class="layui-table-cell laytable-cell-1-0-7"> <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a> </div>
                                    </td>
                                </tr>
                            </tbody>
                            </table>
                </div>
            </div>
        </div>
        <div class="col">
            1
        </div>
        <div class="col">
            1
        </div> -->
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
    <!-- 引入 主题 -->
    <script src="js/dark.js"></script>
    <script src="data/china.js"></script>
    <script src="js/analysis.js"></script>
</body>

</html>